.cd{
    height: 46px;
}
.cd-large .hand,
.cd-flip .handlet {
}
.cd-lite,
.cd-medium,
.cd-large {
    display: none;
    color: #808080;
    font-size: 12px;
    font-family: arial, '\5b8b\4f53';
    margin-left: -2px;
}
.cd-lite .clock,
.cd-medium .clock,
.cd-large .clock {
    font-weight: bold;
}
.cd-lite s,
.cd-medium s,
.cd-large s {
    text-decoration: none;
}
.cd-lite .hand,
.cd-medium .hand,
.cd-large .hand {
    /* margin: 0 3px; */
}
.cd-large .hand {
    
}
.cd-large .hand-s-ext {
    width: 59px;
    background-position: -36px 0;
}
.cd-lite .digital,
.cd-medium .digital,
.cd-large .digital {
    color: #f60;
    font-size: 14px;
    font-weight: normal;
}
.cd-medium .digital {
    color: #404040;
    font-size: 24px;
}
.cd-large .digital {
    color: #1c6cb9;
    font-size: 34px;
}
.cd-slide .hand {
    width: 30.3333333%;
    height: 46px;
    line-height: 46px;
    background: #fff;
    margin-left: 3px;
    padding-left: 1px;
    text-align: center;
    float: left;
    color: #1c6cb9;
    font-weight: 100;
    font-size: 36px;
    @include inline-block;
    @include border-radius(2px);
    @include box-shadow(0px 2px 0px #0a3e70);
    position: relative;
    *position: relative;
    overflow: hidden;
    z-index: 0;
    &:before{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        content: '';
        border-bottom: 1px solid #ebebeb;
        z-index: -1;
    }
}
.cd-slide .slide-wrap {
    position: relative;
    float: left;
}
.cd-slide .digital {
    float: left;
}
.cd-slide .slide-wrap .digital {
    clear: left;
}
.cd-flip .hand {
    position: relative;
    vertical-align: middle;
}
.cd-flip .handlet {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 2px;
    width: 32px;
    height: 35px;
}
